
/*-----------------------index------------------------------*/
#index #main-wrap #main-head{
	width:1152px;
	margin:0 auto;
}
#index #main-wrap .main{
	width:1152px;
	margin:0 auto;
}
.main .banner-box{
	width:100%;
	height:400px;
	position:relative;
	background:#ccc;
	margin-bottom: 20px;
}
.main .banner-box #banner-list-nav{
	position: absolute;
	height:6px;
	text-align: center;
	bottom:0;
	z-index:997;
	width:100%;
	padding-left:2%;
}
.main .banner-box #banner-list-nav span{
	display: inline-block;
	height:6px;
	float:left;
	width:16%;
	background: #fff;
}
.main .banner-box #banner-list-nav span:hover{
	background:#e1472f;
	cursor: pointer;
}
.main .banner-box .banner-switch{
	position: absolute;
	top:50%;
	margin-top:-22px;
	width:42px;
	height:43px;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
	z-index:997;
	display:none;
	transition:0.3s;
}
.main .banner-box #banner-switch-left{
	left:0;
	background:#333 url(../img/slider-left-arrow.png) no-repeat center center ;
}
.main .banner-box #banner-switch-right{
	right:0;
	background:#333 url(../img/slider-right-arrow.png) no-repeat center center ;
}
#main-wrap .main .banner-box .banner-switch:hover{
	cursor: pointer;
	background-color:#e1472f;
}
#main-wrap .main .banner-box #banner-list{
	height:100%;
	width:100%;
	background:url(../img/index-banner1.jpg) no-repeat center center;
	background-size:cover;
}
#main-wrap .main .banner-box #banner-list .banner-list-li{
	height:10%;
	width:100%;
	position:relative;
	overflow: hidden;
	cursor:pointer;
}
#main-wrap .main .banner-box #banner-list .banner-list-li ul{
	height:100%;
	width:100%;
	position:absolute;
	top:-100%;
	left:3%;
	overflow: hidden;
}
#main-wrap .main .banner-box #banner-list .banner-list-li ul li{
	height:100%;
	width:100%;
	display:none;
	background:no-repeat center center;
	background-size:cover;
	position: absolute;
	top:0;
	left:0;
}

.main .main-news ul{
	width:382px;
	margin-right:3px;
	float:left;
}
.main .main-news ul .mimi-banner{
	width:100%;
	height:457px;
}
.main .main-news .list3{
	margin:0;
}
.main .main-news li{
	width:100%;
	height:227px;
	margin-bottom: 3px;
	position: relative;
}
.main .main-news li .details{
	width:0;
	height:0;
	position:absolute;
	left:0;
	top:0;
	z-index:1001;
	background: #fff;
	overflow: hidden;
}
.main .main-news li .details .close{
	width:20px;
	height:20px;
	border-radius:50%;
	position: absolute;
	right:10px;
	top:10px;
	background:#D10048;
	color:#fff;
	line-height:18px;
	text-align: center;
	font-size:20px;
	cursor: pointer;
}
.main .main-news li .details .details-head{
	width:382px;
	height:227px;
	background:no-repeat center center;
	background-size:cover;
}
.main .main-news li .details .details-center{
	width:337px;
	padding:25px 25px 0 20px;
	margin-bottom:40px;
}
.main .main-news li .details-center .details-title{
	height:24px;
	font-weight:600;
	color:#666;
	font-size:14px;
}
.main .main-news li .details-center .details-main{
	margin-bottom:10px;
	color:#888;
}
.main .main-news li .details .details-bottom{
	width:330px;
	margin:0 auto;
}
.main .main-news li .details-bottom .details-img{
	width:70px;
	height:80px;
	border-left:20px solid #fff;
	border-right:20px solid #fff;
	border-top:15px solid #fff;
	border-bottom:15px solid #fff;
	float:left;
	background:no-repeat center center;
	background-size:cover;
}
.main .main-news li .details-center .details-gouwuche{
	height:30px;
	line-height:30px;
}
.main .main-news li .details-center .details-gouwuche span{
	float:right;
}
.main .main-news #add-gouwuche{
	display: inline-block;
	height:30px;
	width:30px;
	background:#d10048;
	color:#fff;
	text-align: center;
	margin-right:10px;
	margin-left:5px;
	border-radius:50%;
}

.main .main-news li .product-img{
	height:100%;
	width:100%;
}
.main .main-news dl{
	width:382px;
	height:100%;
	background:#fff;
	position: relative;
}
.main .main-news dd{
	width:191px;
	height:227px;
	background-size:cover ;
	background: no-repeat center center;
}
.main .main-news dt{
	width:156px;
	height:203px;
	position: absolute;
	background:#fff;
	top:0;
	padding-top:24px;
	padding-left:15px;
	padding-right:20px;
	z-index: 2;
	
}
.main .main-news dt h3{
	height:55px;
	color:#000;
}
.main .main-news dt .brief{
	color:#888;
}
.main .main-news dt .lookall{
	color:#d10048;
}
.main .main-news dt span{
	display: block;
	width:0;
	height:0;
	position:absolute;
	top:20%;
	border-bottom:14px solid transparent;
	border-top:14px solid transparent;
}
.main .main-news .price{
	font-size:17px;
	position: absolute;
	color:#d10048;
	bottom:22px;
}
.main .main-news .price del{
	font-size:10px;
	color:#888;
	margin-left:3px;
}
.main .main-news .productions-l dl{
	float:left;
}
.main .main-news .productions-r dl{
	float:right;
}
.main .main-news .productions-l dt{
	left:0;
}
.main .main-news .productions-r dt{
	right:0;
}
.main .main-news .productions-l dt span{	
	border-left:14px solid #fff;	
	left:100%;	
}
.main .main-news .productions-r dt span{	
	border-right:14px solid #fff;
	right:100%;	
}
.main .main-news .productions-l dd{	
	float:right;
}
.main .main-news .productions-r dd{	
	float:left;
}
#main-wrap .main .recommend4{
	width:100%;
}
#main-wrap .main .recommend4 ul{
	width:574px;
}
#main-wrap .main .recommend4 ul dl{
	width:574px;
}
#main-wrap .main .recommend4 ul dt{
	width:197px;
}
#main-wrap .main .recommend4 ul dd{
	width:342px;
}
#main-wrap .main .recommend4 h3{
	color:#888;
}
